<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>深拥博客后台管理</title>
    <link rel="stylesheet" href="js/layui/css/layui.css" media="all">
    <script src="js/jquery.min.js"></script>
    <script src="js/layui/layui.js"></script>

</head>
<style>
    .layui-tree-entry{
        height: 40px;
    }
    .layui-tree-main{
        height: 40px;
        display:table-cell;
        align-items:center;
    }
    .layui-tree-txt{
        color: antiquewhite;
    }
</style>
<body>
<div class="layui-layout layui-layout-admin " id="app">
<div class="layui-header">
    <div class="layui-logo">深拥博客后台管理</div>
    <ul class="layui-nav layui-layout-left">
        <li class="layui-nav-item"><a href="javascript:void(0)">控制台</a></li>
        <li class="layui-nav-item"><a href="javascript:;">商品管理</a></li>
        <li class="layui-nav-item">
            <a href="javascript:;">其他系统</a>
            <dl class="layui-nav-child">
                <dd><a href="javascript:;">邮件管理</a></dd>
                <dd><a href="javascript:;">消息管理</a></dd>
                <dd><a href="javascript:;">授权管理</a></dd>
            </dl>
        </li>
    </ul>
    <ul class="layui-nav layui-layout-right">
        <li class="layui-nav-item">

            <a href=""><img src="js/layui/images/touxiang.jpg" style="margin-right: 100px" class="layui-nav-img">管理员</a><div id="gly"></div>
            <dl class="layui-nav-child">
                <dd><a href="">基本资料</a></dd>
                <dd><a href="">安全设置</a></dd>
            </dl>
        </li>
    </ul>
</div>
<div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
        <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
        <ul class="layui-nav layui-nav-tree" id="demo" lay-filter="test">

        </ul>
    </div>
</div>
    <div class="layui-body" id="nav_xbs_tab">
        <div class="layui-tab" lay-filter="tabs" lay-allowClose="false">
            <ul class="layui-tab-title" id="tabs">
                <li class="layui-this" lay-id="0">网站首页</li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    1. 高度默认自适应，也可以随意固宽。
                    <br>2. Tab进行了响应式处理，所以无需担心数量多少。
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="js/layui/layui.all.js"></script>
<script src="js/loginjs/cunchu.js"></script>
<script type="text/javascript" src="js/layui/tree.js"></script>
<script type="text/javascript">
/*    $(function () {
        var token= window.localStorage.getItem("token");
        if(token==null || token==""){
            confirm("用户信息失效请重新登录");
            return;
        }
    })*/
/*    var user= window.localStorage.getItem("user");
    $(function () {
        if(user==null || user==""){
            alert("用户认证已过期或者未登陆请重新登录");
            window.location.href = "../adview/login.html";
            return;
        }
        console.log(user);
        var name=user.user_nickname;
        console.log(name);
//        document.getElementById("gly").innerHTML = user;
        /!*$(document).ready(function(){
            $("#gly").attr("id",name);
        });*!/
      /!*  document.write(name);  // 添加到 dom 中
        document.getElementById().innerHTML = name;  // 添加到标签中*!/
    })*/

    </script>
</body>
</html>